<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1928280_4yjynkmqrgn.css">
</head>

<body>
    <div class="box">
        <!-- <div class="tooltips">
            <div class="tooltips-title">
                好友申请成功，请等待对方确认。
            </div>
        </div> -->
        <div class="nav">
            <div class="logo">

            </div>
            <div class="function">
                <ul>
                    <li class="iconfont icon-xiaoxi"></li>
                    <li class="iconfont icon-yonghu"></li>
                </ul>
            </div>
            <div class="set">
                <div class="iconfont icon-tuichu"></div>
            </div>
        </div>

        <div class="frend">
            <div class="search">
                <div class="iconfont icon-shousuo shousuo">
                    <input type="text" placeholder="搜索" value="">
                </div>
                <div class="clicksearch">+</div>
            </div>
            <div class="list">
                <div class="search-list">

                </div>
                <span>新的朋友</span>
                <div class="getFriendlist">

                </div>
                <span>我的好友</span>
                <div class="myFriendlist">

                </div>
            </div>

        </div>

        <div class="main">
  
        </div>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
    <script src="js/index.js"></script>
</body>

</html>